Christmas tree goal: a LocalAlerts custom widget
=================================================

A chibi Christmas tree that fills with green from the bottom as your goal goes up. A tinsel line rides the top of the
green with sparkles floating off it, the lights and ornaments pop on as the green reaches them, it sways (with a happy
wobble when the goal goes up), and the green deepens the fuller it gets. At 100% the star lights up gold with a burst
of sparkles and presents appear under the tree. Snow falls behind it.
It counts followers, subs, bits, tips, raiders, channel point redeems, or everything, and remembers its count between
streams.

Add it to LocalAlerts
1. Unzip this folder somewhere it can stay (for example Documents\LocalAlerts widgets\Christmas tree goal).
2. In LocalAlerts: Widgets -> + New widget -> Custom widget (HTML / CSS / JS).
3. Widget folder -> Choose folder... and pick this folder. Choose what fills it and the goal in its settings.
4. It takes its own name and size (400 x 480) from widget.json when you choose the folder.
   Drag it onto your overlay. To change its size, drag the edges of its box on the canvas: it gets more room and
   stays sharp in OBS. (Older versions of LocalAlerts: Look -> Width / Height.)
Try it with the Test buttons: "Count Test events too" is on, so tests fill it. Turn that off before you go live, then
type "!tree reset" in chat.

Chat commands (you and your mods): !tree add 5   !tree set 20   !tree reset

Change it
  widget.json  its name and size when it's added
  fields.json  the settings people can change without code
  index.html   the tree itself, drawn in SVG (its outline is the path with id="tree")
  style.css    the title, numbers and snow
  script.js    the counting, the ornaments and lights (ORNAMENTS and the light strings near the top), and the movement
After changing a file, refresh the overlay in OBS (right-click it -> Refresh).

Free to use and change for your streams.
